import {View, type ViewStyle} from 'react-native';
import {type PropsWithChildren} from 'react';
interface defineProps {
  style?: ViewStyle;
  span: number;
}
export default (props: PropsWithChildren & defineProps) => {
  return (
    <View
      style={{
        flexBasis: `${(props.span / 24) * 100}%`,
        flex: 0,
        flexShrink: 0,
        ...props.style,
      }}>
      {props.children}
    </View>
  );
};
